<template>
  <div class="car">
    <img src="../../assets/img/car/CarKK.png" alt="">
    <div class="txt">
      <b>购物车空空如也</b>
      <p>去挑几件喜欢的作品吧</p>
    </div>
    <router-link to="/class" class="look">随便看看</router-link>
  </div>
</template>
<script>
export default{
  name: ''
}
</script>
<style scoped lang="less">
  .car{
    width: 100%;
    text-align: center;
    img{
      width: 30%;
      margin: 50px 0 30px;
    }
    .txt{
      margin: 20px 0;
      b{
        font-size: 1.2em;
        color: #333;
      }
      p{
        margin: 10px 0;
        color: #666;
      }
    }
    .look{
      display: block;
      margin: 50px auto;
      height: 40px;
      width: 200px;
      line-height: 40px;
      border-radius: 20px;
      background-color: #000;
      color: #fff;
    }
  }
</style>